$(function(){
	/*下面几个是轮播图里面用到的全局变量*/
	var timer=null;
	var index=0;
	//获取banner图
	var solid = $('.solid');
	//获取小圆点
	var circle = $('.cir span');
	/**************轮播图***************/
	var banner = {
		init : function(){
			this.startAutoPlay();
			this.bindEvent();
		},
		/*开始自动播放*/
		startAutoPlay : function(){
			var _this=this;
			timer = setInterval(function(){
				index++;
				if(index>=solid.length)
					{
						index=0;
					}
				_this.changeImg();
			},1500);
		},
		/*停止自动轮播*/
		stopAutoPlay : function(){
			if(timer)
				{
					clearInterval(timer);
				}
		},
		/*鼠标事件*/
		bindEvent : function(){
			var bannerBox=$('.banner-box');
			var prev=$('.pre');
			var next=$('.next');
			var circleBox=$('.cir');
			var _this=this;
			//鼠标移动到在banner图上面
			this.mouser(bannerBox);
			this.mouser(prev);
			this.mouser(next);
			this.mouser(circleBox);
			//点击上一张下一张
			prev.click(function(){
				index--;
				if(index<0)
					{
						index = solid.length-1;
					}
				_this.changeImg();
			});
			next.click(function(){
				index++;
				if(index>=solid.length)
					{
						index = 0;
					}
				_this.changeImg();
			});
			/*点击原点调到对应图片上*/
			for(var i=0;i<circle.length;i++){
				circle[i].id=i;
				$(circle[i]).click(function(){
					index=this.id;
					_this.changeImg()
				});
			}
		},
		/*鼠标移动到目标上*/
		mouser : function(item){
			var _this=this;
			item.hover(function(){
				_this.stopAutoPlay();
			},function(){
				_this.startAutoPlay();
			});
		},
		/*切换图片*/
		changeImg : function(){
			/*初始化图片与原点状态*/
			for(var i=0;i<solid.length;i++){
				$(solid[i]).removeClass('solid-active');
				$(circle[i]).removeClass('cir-active');
			}
			/*刷新图片和原点*/
			$(solid[index]).addClass('solid-active');
			$(circle[index]).addClass('cir-active');			
		}
	};
	/*************商品楼层**************/
	var floor={
		init : function(){
			this.bindEvent();
		},
		bindEvent : function(){
			_this=this;
			/*点击商品分类切换页面*/
			var productsClass=$('.product-class');
			var productsPage=$('.product-list');
			/*给遍历按钮给分类选项判定点击事件*/
			for (var i = 0; i < productsClass.length; i++) {
				productsClass[i].id=i;
				productsClass.eq(i).click(function(){
					_this.dealPage(productsPage,this.id,productsClass);
				});
			}
		},
		/*判断楼层，并初始化楼层*/
		dealPage : function(productsPage,ID,productsClass){
			var _this = this;
			//获取每一层的分类数目
			var f1_number = $('.f1').length;
			var f2_number = $('.f2').length;
			var f3_number = $('.f3').length;
			var f4_number = $('.f4').length;
			var f5_number = $('.f5').length;
			var f1_star   = 0,
				f1_end    = f1_number,
				f2_star   = f1_number,
				f2_end    = f1_number+f2_number,
				f3_star   = f1_number+f2_number,
				f3_end    = f1_number+f2_number+f3_number,
				f4_star   = f1_number+f2_number+f3_number,
				f4_end    = f1_number+f2_number+f3_number+f4_number,
				f5_star   = f1_number+f2_number+f3_number+f4_number,
				f5_end    = f1_number+f2_number+f3_number+f4_number+f5_number;
			/*判断点击的是那一楼的类并将那一楼的样式初始化*/
			if(f1_star<=ID&&ID<f1_end)
				{
					_this.showPage(f1_star,f1_end,productsPage,ID,productsClass);
				}
			if(f2_star<=ID&&ID<f2_end)
				{
					_this.showPage(f2_star,f2_end,productsPage,ID,productsClass);
				}
			if(f3_star<=ID&&ID<f3_end)
				{
					_this.showPage(f3_star,f3_end,productsPage,ID,productsClass);
				}
			if(f4_star<=ID&&ID<f4_end)
				{
					_this.showPage(f4_star,f4_end,productsPage,ID,productsClass);
				}
			if(f5_star<=ID&&ID<f5_end)
				{
					_this.showPage(f5_star,f5_end,productsPage,ID,productsClass);
				}			
		},
		/*切换显示楼层的对应分类*/
		showPage : function(star,end,productsPage,ID,productsClass){
			for(var i=star;i<end;i++)
						{
							productsPage.eq(i).removeClass('product-list-show');
							productsPage.eq(i).addClass('product-list-hide');
							productsClass.eq(i).removeClass('active-color');
						}
						productsPage.eq(ID).removeClass('product-list-hide');
						productsPage.eq(ID).addClass('product-list-show');
						productsClass.eq(ID).addClass('active-color');
		}
	};	
	/************二级导航菜单***********/
	var menu={
		init : function(){
			this.bindEvent();
		},
		/*鼠标事件*/
		bindEvent : function(){
			var _this=this;
			var menu = $('.sub-nav-list');
			var navItem = $('.nav-list .item');
			var menuItem=$('.inner-box');
			/*遍历导航，绑定事件*/
			for (var i = 0; i < navItem.length; i++) {
				navItem[i].id=i;
				/*判断一级菜单是否获得焦点*/
				$(navItem[i]).hover(function(){
					var show=this.id;
					/*一级菜单获得焦点显示对应列表*/
					_this.menuShow(menu,menuItem,this.id);
					/*判断二级菜单是否获得焦点*/
					menuItem.eq(this.id).hover(function(){
						/*判断二级菜单获得焦点显示对应列表*/
						_this.menuShow(menu,menuItem,show);
					},function(){
						/*判断失去焦点隐藏对应列表*/
						_this.menuHide(menu,menuItem,show);
					});
				},function(){
					/*一级菜单失去焦点隐藏对应列表*/
					_this.menuHide(menu,menuItem,this.id);
				});
			
			}
		},
		/*显示二级菜单*/
		menuShow : function(menu,menuItem,ID){
				menu.addClass('nav-active');
				menu.removeClass('hide');
				menuItem.eq(ID).addClass('nav-active');
				menuItem.eq(ID).removeClass('hide');
		},
		/*隐藏二级菜单*/
		menuHide : function(menu,menuItem,ID){
				menu.removeClass('nav-active');
				menu.addClass('hide');
				menuItem.eq(ID).removeClass('nav-active');
				menuItem.eq(ID).addClass('hide');
		} 
	};
	/*************左边悬浮导航**********/
	var left_nav = {
		init : function(){
			this.bindEvent();
		},
		bindEvent : function(){
			var  _this=this;
			var nav = $('#left-nav'); 
			var nav_item = $('.left-nav-item');
			/*监听滚动条滚动*/
			$(window).scroll(function(){
				/*滚动条距离顶部的高度*/
				var scrollTop =$(window).scrollTop();
				/*当滚动条距离顶部的高度大于视窗高度加上楼层一的高度，显示导航*/
				if(scrollTop>=$("#F1").offset().top-150){
					nav.show();
				}
				else{
					nav.hide();
				}
				/*传进当前滚动条距离顶部的高度改变导航的内容以及样式*/
				_this.changeDesc(scrollTop);
			})
			/*右边导航点击按钮回到顶部*/
			$('#back-top').click(function(){
				$("html,body").animate({scrollTop: $("#head").offset().top}, 500);
			});
			/*点击楼层定位功能*/
			for(var i=0;i<nav_item.length;i++)
				{	
					nav_item.eq(i).click(function(){
						$("html,body").animate({scrollTop: $("#F"+this.id).offset().top}, 500);
					});
				}
		},
		changeDesc : function(scrollTop){
			var _this =this;
			var title=$('.title-name');
				if(scrollTop>=$("#F1").offset().top-100 && scrollTop<$("#F2").offset().top)
					{
						/*将楼层分类的开头两个字截取并传入导航显示*/
						var html=title.eq(0).text().slice(0,2);
						_this.showNav(0,html)
					}
				if(scrollTop>=$("#F2").offset().top-100 && scrollTop<$("#F3").offset().top)
					{
						/*将楼层分类的开头两个字截取并传入导航显示*/
						var html=title.eq(1).text().slice(0,2);
						_this.showNav(1,html)
					}
				if(scrollTop>=$("#F3").offset().top-100 && scrollTop<$("#F4").offset().top)
					{
						/*将楼层分类的开头两个字截取并传入导航显示*/
						var html=title.eq(2).text().slice(0,2);
						_this.showNav(2,html)
					}
				if(scrollTop>=$("#F4").offset().top-100 && scrollTop<$("#F5").offset().top)
					{
						/*将楼层分类的开头两个字截取并传入导航显示*/
						var html=title.eq(3).text().slice(0,2);
						_this.showNav(3,html)
					}
				if(scrollTop>=$("#F5").offset().top)
					{
						/*将楼层分类的开头两个字截取并传入导航显示*/
						var html=title.eq(4).text().slice(0,2);
						_this.showNav(4,html)
					}							
		},
		showNav : function(num,html){
			var	nav_title = $('.left-nav-item');
			for (var i = 0; i < nav_title.length; i++) {
				nav_title.eq(i).text(i+1+'F');
				nav_title.eq(i).css('color','#888');
			}
			nav_title.eq(num).text(html);
			nav_title.eq(num).css('color','red');
		}
	};
	/******右边导航和其它个别功能*******/
	var right_nav={
		init : function(){
			this.bindEvent();
			this.car();
		},
		bindEvent : function(){
			/*鼠标悬浮显示导航对应内容*/
			var mesBox = $('.right-nav');
			/*h获取滚动条距离顶部的高度*/
			var scrollTop = $(window).scrollTop();
			for(var i=0;i<mesBox.length;i++){
				mesBox.eq(i).hover(function(){
					/*根据父元素获取二级悬浮-----隐藏的二级菜单*/
					var messge = $(this).children().eq(0).children().eq(0);
					messge.fadeIn();
					messge.parent().css('background-color','#71777d');
					messge.next().css('background-color','#71777d');
				},function(){
					var messge = $(this).children().eq(0).children().eq(0);
 					messge.hide();
					messge.parent().css('background-color','#fff');
					messge.next().css('background-color','#b7bbbf');
				});
			}
		},
		car : function(){
			var car=$('.logo .car');
			var hide=$('.logo .hide')
			var car_img=$('#car-img');
			var down_img =$('#down-img');
			/*购物车收起展开*/	
			car.hover(function(){
				hide.slideDown(300);
				car_img.attr('src','images/icon/25.png');
				down_img.attr('src','images/icon/24.png');
			},function(){
				hide.slideUp(300);
				car_img.attr('src','images/icon/26.png');
				down_img.attr('src','images/icon/23.png');
			});
		}
	};
	/************登录注册页*************/
	var login = {
		init : function(){
			this.bindEvent();
		},
		bindEvent : function(){
			/*页面头部和登录页面的注册与登录*/
			var login = $('.login');
			var register =$('.register');
			var login_box=$('.login-box');
			var register_box=$('.register-box');
			var mask_box =$('.mask-box');
			var close =$('.close-login');
			var _this=this;
			/*登录事件*/
			console.log(register);
			for (var i = 0; i < register.length; i++) {
				register.eq(i).click(function(){
					register_box.show();
					mask_box.show();
					login_box.hide();
				});
			}
			/*注册事件*/
			for (var i = 0; i < login.length; i++) {
				login.eq(i).click(function(){
					register_box.hide();
					mask_box.show();
					login_box.show();
				});
			}
			/*关闭浮层*/
			close.click(function(){
				register_box.hide();
				mask_box.hide();
				login_box.hide();
				/*清空错误提示里面的内容*/	
				_this.empty_err_meg();
			});
			/*字段验证*/
			this.user_inf();
		},
		empty_err_meg : function(){
			var err_mesg =$('.err-mesg');			
				for (var i = 0; i < err_mesg.length; i++) {
								$(err_mesg[i]).html('');
							}		
		},
		/*字段验证*/
		user_inf : function(){
			var username = $('.username');
			var userpassword = $('.userpassword');
			var verifyNum =$('.verifyNum');
			var _this=this;
			/*用户名*/
			username.blur(function(){
				var val = $.trim($(this).val());
				_this.checke_inf('username',val,$(this));
			});
			/*验证码验证*/
			verifyNum.blur(function(){
				var val = $.trim($(this).val());
				_this.checke_inf('verifyNum',val,$(this));
			});
		},
		/*字段验证*/
		checke_inf : function(type,val,targrt){
			var _this=this;
			if(type === "username")
				{
					if(val){
						if(!(/^1[3|4|5|7|8][0-9]{9}$/.test(val))&&!(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(val)))
							{
								targrt.next().text('请输入正确的手机和邮箱格式');	
							}
						else{
							targrt.next().text('');
						}
					}
					else{
						targrt.next().text('用户名不能为空');
					}
				}
			if(type === "verifyNum")
				if(val){
					if (!(val =='GYyd')) {
						targrt.next().next().text('验证码错误');
					}
					else
					{
						targrt.next().next().text('');
					}
				}
				else{
					targrt.next().next().text('验证码不能为空');
				}
			}
		}
	/************页面初始化*************/
	/*轮播图*/
	banner.init();
	/*二级导航菜单*/
	menu.init();
	/*商品楼层*/
	floor.init();
	/*左边悬乎导航*/
	left_nav.init();
	/*右边导航和其它个别功能*/
	right_nav.init();
	/*登录注册浮层*/
	login.init();
});